﻿/* -------------------------------------------------------
文件名 : edit.css
作者   : 孙泽伟
描述   : 编辑器页样式文件
日期   ：2015-05-05
更新   ：
------------------------------------------------------------*/
/*复杂表格布局*/
.complex-table {
    table-layout: fixed;
    border: none;
    border-bottom: solid 1px #cacaca;
    width: 100%;
    background: #fff;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 1px 0 0 0;
}

    .complex-table th, .complex-table td {
        border-top: 1px solid #cacaca;
        border-right: 1px solid #cacaca;
        border-left: 1px solid #cacaca;
        height: 31px;
        margin: 0;
    }

    .complex-table th {
        background-color: #EBF5FC;
        font-weight: normal;
        text-align: right;
    }

    .complex-table td {
        overflow: hidden;
        /*white-space: nowrap;*/
        text-overflow: ellipsis;
    }

    .complex-table input[type="text"],
    .complex-table input[type="password"],
    .complex-table select,
    .complex-table textarea {
        width: 98%;
        border: 1px solid #C6C6C6;
        outline: none;
        height: 21px;
    }

    .complex-table input[type="checkbox"] {
        border: 1px solid #C6C6C6;
        margin: 1px;
        outline: none;
        vertical-align: middle;
    }

        .complex-table input[type="text"]:hover,
        .complex-table input[type="password"]:hover, input[type="radio"]:hover,
        .complex-table input[type="checkbox"]:hover,
        .complex-table select:hover,
        .complex-table textarea:hover {
            border: 1px solid #559AEE;
            outline: none;
        }

    .complex-table .template th {
        width: 90px;
    }

    .complex-table .template th, .complex-table .template td {
        border: 0px;
        height: 0px;
    }
/*基础table样式*/
.edit-table {
    border-top: none;
    border-right: none;
    margin: 10px auto;
    width: 100%;
    background: #fff;
    border-collapse: collapse;
    border-spacing: 0;
}

    .edit-table th {
        background-color: #fff;
        border-bottom: 1px dashed #ccc;
        font-weight: normal;
        height: 27px;
        line-height: 27px;
        padding-right: 5px;
        text-align: right;
        white-space: nowrap;
        width: 80px;
    }

    .edit-table td {
        background-color: #fff;
        border-bottom: 1px dashed #ccc;
        height: 27px;
        /*line-height: 27px;*/
        padding: 2px;
        width: auto;
    }

    .edit-table input[type="text"],
    .edit-table input[type="password"],
    .edit-table input[type="checkbox"],
    .edit-table select,
    .edit-table textarea {
        width: 98%;
        border: 1px solid #C6C6C6;
        outline: none;
    }

        .edit-table input[type="text"]:hover,
        .edit-table input[type="password"],
        .edit-table input[type="checkbox"]:hover,
        .edit-table select:hover,
        .edit-table textarea:hover {
            width: 98%;
            border: 1px solid #559AEE;
            outline: none;
        }

    .edit-table input[type="text"],
    .edit-table input[type="password"] {
        width: 98%;
        /*padding: 1px 5px;*/
        height: 20px;
    }

    .edit-table input[type="radio"] {
        position: relative;
        top: 2px;
        left: 10px;
        margin-right: 13px;
    }

    .edit-table input[type="checkbox"] {
        position: relative;
        top: 3px;
        left: 10px;
        margin-right: 13px;
    }

    .edit-table textarea {
        width: 98%;
        height: 100px;
        margin-top: 4px;
    }

    .edit-table select {
        width: 98%;
        height: 25px;
        line-height: 25px;
    }
